<!DOCTYPE HTML>
<html>
<head>
<title>Home</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="keywords" content="" />
<link rel="stylesheet" href="__PUBLIC__/static/user/UCenter/css/safe/css.css" />
<link rel="stylesheet" href="__PUBLIC__/static/user/UCenter/css/safe/common.min.css" />
<link rel="stylesheet" href="__PUBLIC__/static/user/UCenter/css/safe/ms-style.min.css" />
<link rel="stylesheet" href="__PUBLIC__/static/user/UCenter/css/safe/personal_member.min.css" />
<link rel="stylesheet" href="__PUBLIC__/static/user/UCenter/css/safe/Snaddress.min.css" />
<link rel="stylesheet" href="__PUBLIC__/static/user/UCenter/css/sui.css" />

{include file="Public/header" /}
<style>
    body {
        background: #f5f5f5;

    }
    
      .sui-table th{
        padding: 16px 8px;
        line-height: 18px;
        text-align: center;
        vertical-align: middle;
        border-top: 1px solid #e6e6e6;
        font-weight: normal;
        font-size: 14px;
        color: #333333;
       }
       .sui-table td {
        padding: 16px 8px;
        line-height: 18px;
        text-align: center;
        vertical-align: middle;
        border-top: 1px solid #e6e6e6;
        font-weight: normal;
        font-size: 12px;
        color: #333333;
       }
    }
  img {
      max-width: 100%;
      height: auto;
      /*vertical-align: bottom;*/
      border: 0;
      -ms-interpolation-mode: bicubic;
      margin-left: -10px;
  }
a{
  color: #000000;
}
    </style>
</head>

<body>

{include file="Public/nav" /}
{include file="Public/usernav" /}

    <div id="ms-center" class="personal-member" style="margin-top: -19px;margin-left: 100px">
      <div class="cont">
        <div class="cont-main">
          <div style="margin-left:180px;">
            <div class="server-wrapper" >
              <div class="server-tab" style="margin-top: 15px;">
                <div style=" float: left;vertical-align: bottom;text-align: center;">
                
        
                
                <!--右侧-end-->
                
                <div style="width: 950px;padding:10px;display: inline-block; float: left;margin-top:60px;background-color: #fff; margin-bottom: 100px">
                  <div style="border-bottom: 1px #ccc solid;">
                    <p style="font-size: 20px;text-align: left;">我的评论</p>
                  </div>
                  {volist name="commentlists" id="vocomment"}
                  <div style="width: 96%;margin-top: 20px;display: inline-block;border-bottom: 1px #ccc solid;padding-top: 30px;height: auto;">
                    {if condition = "$vocomment['pic'] neq ''"}
                    <div style="float: left;margin-left: 77px;"> 
                      <img src="__PUBLIC__/static/index/Uploads/shoppic/{$vocomment.pic}" style="width: 120px;margin-top: -20px;margin-bottom: 10px;height: 80px;" />
                    </div>
                    {else/}
                    {/if}
                    <div style="float: left;margin-left: 150px;margin-top: -10px;padding-bottom: 20px;"> 
                      <p style="word-break: break-word;width: 300px;font-size: 12px;text-align: left;font-family: miaomi;font-size: 16px;">餐厅名：{$vocomment.shopname}</p>
                      <p style="word-break: break-word;width: 300px;font-size: 12px;text-align: left;font-family: miaomi;font-size: 16px;">评论内容：{$vocomment.message}</p>
                      <p style="word-break: break-word;width: 300px;font-size: 12px;text-align: left;font-family: miaomi;font-size: 16px;">评论时间：{$vocomment.mdate}</p>
                    </div>
                    
                    <div style="float: left;margin:-15px 0 0 120px;">

                    <div id="wrapper">
                      <div class="box3">
                         <div class="demo">
                          <a href="javascript:;" class="rollIn" >
                          <button style="background-color: #F37B1D;padding: 5px;border: 0px;color: #fff;border-radius: 5px;width: 90px;font-family: miaomi;font-size: 18px;"> 查看回复</button>
                          </a>
                        </div>
                          {volist name="reply" id="vo"}
                          {if condition = "$vo['message'] neq ''"}
                        <div id="dialogBg3"></div>
                        <div id="dialog3" class="animated3">
                          <div class="dialogTop">
                             <a href="#" style="font-size: 20px; font-family: miaomi;float: left;font-weight: bold;">{$vo.shopname}</a>
                             <a href="javascript:;" class="claseDialogBtn3" style="font-family: miaomi;font-size: 13px;">关闭</a>
                          </div>
                          <form action="" method="post" id="editForm3" enctype="multipart/form-data">
                             <ul class="editInfos">
                             <input type="hidden" name="ag_uid" value="" >
                             <li><textarea name="pcontent" style="width: 250px; height: 120px;margin-left: 3px;margin-top: -20px;font-family: miaomi;" required="">{$vo.message}</textarea></li>
                             </ul>
                          </form>
                        </div>
                          {else/}
                          {/if}
                      </div>
                    </div>
                    <a href="{:url('delcomment',array('comment_id'=>$vocomment['id']))}"><button style="background-color: #fff;padding: 5px;border: 0px;color: #f37b1d;width: 70px;font-family: miaomi;font-size: 18px;font-weight: bold;margin-top: 10px;">删除</button></a>
                    </div>      
                  </div>
                    {/volist}
                {/volist}
          <!-- 分页start -->
                     <div style="float: right;margin-right: 480px">{$commentlists->render()}</div> 

                    <!-- 分页end -->
    
                 
                </div>

              
              
            </div>
          </div>
        </div>  
      </div>
    </div>
    </div>
    <div class="clear "></div>
   
  </div>

{include file="Public/footer" /}

</body>
</html>